<template>
	<view class="uam-head" >
		<view  class="uam-head-icon" >
			<text @tap="handleToBack" class="iconfont iconzuojiantou-copy"></text> | <text @tap="handleToHome" class="iconfont iconshouye"></text>
		</view>
		<image class="headimg" src="../../static/UAmusic.png" mode=""></image>
		<view class="uam-head-text">{{ title }}</view> 
	</view>
</template>

<script>
	// import '../../common/iconfont.css'
	export default {
		data() {
			return {
				
			};
		},
		props : ['title'],
		methods : {
			handleToBack(){
				uni.navigateBack();
			},
			handleToHome(){
				uni.navigateTo({
					url: '/pages/index/index'
				});
			}
		}
	}
</script>

<style>
.uam-head{ width: 100%; height:75px;  line-height: 80px; font-size:16px; color:black; overflow: hidden; position: relative;}
.uam-head-icon{ width:97px; height:31px; background:rgba(0,0,0,0.4); border-radius: 20px; position: absolute; left:10px; top:25px; line-height: 31px; display: flex; justify-content: space-evenly; color:white;}
.uam-head-text{width:200px; height:31px; position: absolute; left:150px; top:25px; display: flex;}
.headimg{width: 200rpx;height: 50rpx; position: absolute;left: 150px;top:20px; display: flex;border-radius: 10px;}
</style>
